import { Fragment } from "react"
import "./center.css"

function Center() {
  return (
    <Fragment>
      <div className="main_center">

        <div className="header">

          <div className="avatar" >
          <img src={require("../../assets/avator-icon.png")} alt="" />
            <span style={{ color: "#fff" }}>点击登录</span>
          </div>
        </div>

        <div className="my-order-tab">
          <div className="value">
            <span>0 张</span>
            <span style={{ color: "#797d82" }}>卖座券</span>
          </div>

          <div className="value">
            <span>￥ 0</span>
            <span style={{ color: "#797d82" }}>余额</span>
          </div>
        </div>

        <div className="my-card">
          <li>
            <img src={require("../../assets/01_center.png")} alt="" />
            <span>电影订单</span>
          </li>
          <li>
          <img src={require("../../assets/02_center.png")} alt="" />
            <span>组合红包</span>
          </li>
          <li>
          <img src={require("../../assets/03_center.png")} alt="" />
            <span>帮助与客服</span>
          </li>
          <li>
          <img src={require("../../assets/04_center.png")} alt="" />
            <span>设置</span>
          </li>
        </div>
      </div>
    </Fragment >

  )
}

export default Center